<div class="wrapper">
    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <!-- Info boxes -->
            <div class="row">
                <div class="col-12 col-sm-6 col-md-3">
                    <div class="info-box">
                        <span class="info-box-icon  bg-info elevation-1"><i class="fa fa-fw fa-tasks"></i></span>

                        <div class="info-box-content">
                            <span class="info-box-text">任务总数</span>
                            <span id="clazz_dashboard_taskCount" class="info-box-number">
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-3">
                    <div class="info-box mb-3">
                        <span class="info-box-icon bg-danger elevation-1"><i class="fas fa-hourglass-end"></i></span>

                        <div class="info-box-content">
                            <span class="info-box-text">已结束任务</span>
                            <span id="clazz_dashboard_taskEndCount" class="info-box-number"></span>
                        </div>
                    </div>
                </div>

                <div class="clearfix hidden-md-up"></div>

                <div class="col-12 col-sm-6 col-md-3">
                    <div class="info-box mb-3">
                        <span class="info-box-icon bg-success elevation-1"><i class="fas fa-hourglass-half"></i></span>

                        <div class="info-box-content">
                            <span class="info-box-text">正在进行</span>
                            <span id="clazz_dashboard_taskStartCount" class="info-box-number"></span>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-3">
                    <div class="info-box mb-3">
                        <span class="info-box-icon bg-warning elevation-1"><i class="fas fa-users"></i></span>

                        <div class="info-box-content">
                            <span class="info-box-text">人员总数</span>
                            <span id="clazz_dashboard_userCount" class="info-box-number"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

</div>